import React from "react";
import PropTypes from 'prop-types';
import ThemeContext from "../ThemeContext";
/**
 * 后代组件(类组件)获取上下文信息
 * 方案一：（常用）
 *  1. 导入创建的上下文对象
 *  2. 给类组件设置静态私有属性contextType = 上下文对象
 *      + 在this.context属性上，存储了上下文中的所有信息！！
 *  3. 从this.context中获取需要的信息即可
 */
class VoteMain extends React.Component {
    // 属性规则校验
    static defaultProps = {
        supNum: 0,
        oppNum: 0
    }
    static propTypes = {
        supNum: PropTypes.number,
        oppNum: PropTypes.number
    }
    static contextType = ThemeContext;
    render() {
        let {supNum,oppNum} = this.context;
        return <div className="main">
            <p>支持人数:{supNum}</p>
            <p>反对人数:{oppNum}</p>
        </div>
    }
}
export default VoteMain